<template>
  <div class='content'>
    <ul>
      <!-- <li @click='$router.push({path:"/digPopup/1"})'></li>
          <li @click='$router.push({path:"/digPopup/2"})'></li>
          <li @click='$router.push({path:"/digPopup/3"})'></li> -->
      <li @click='onGo(1)'></li>
      <li @click='onGo(2)'></li>
      <li @click='onGo(3)'></li>
    </ul>
  </div>
</template>

<script>
import $ from "jquery";
export default {
  mounted() {
    // this.$parent.flag1 = false;
    // this.$parent.flag2 = false;
  },
  methods: {
    onGo(n) {
      u.findActivityStatus({ type: n + "" }, data => {
        let status = data[0].data.status;
        u.setStore("status", status);
        u.setStore("istype", n+1);
        if (status == 2) {
          let activityId = data[0].data.activity.id;
          this.$router.push({ path: "/digPopup/" + n });
        }
        if (status == 3) {
          this.$router.push({ path: "/seed/1" });
        }
        if (status == 1) {
          this.$router.push({ path: "/seed/1" });
        }
        if (status == 0) {
          this.$router.push({ path: "/seed/1" });
        }
      });
    }
  }
};
</script>

<style lang='less' scoped>
.content {
  // height: 100vh;
  // width: 100vw;
  // background: url(../../static/image/ginsengbg2.png) no-repeat center;
  // background-size:  100% 100%;
  ul {
    height: 300px;
    width: 280px;
    position: absolute;
    top:65%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    > li {
      background-size: 100% 100%;
      height: 80px;
      margin-bottom: 30px;
      width: 100%;
    }
    > li:first-child {
      background: url(../../static/image/goldone.png) no-repeat center;
    }
    > li:nth-of-type(2) {
      background: url(../../static/image/goldtwo.png) no-repeat center;
    }
    > li:last-child {
      margin-bottom: 0px;
      background: url(../../static/image/goldthree.png) no-repeat center;
    }
  }
}
</style>
